<template>
	<view class="con_yt_detail" style="padding: 12rpx">
		<view class="a_con_item" v-for="item in issueList" :key="item.id">
			<view class="a_con_status">
				<image class="status_img" :src="$imagePreview(item.touxiang)" mode="aspectFill"></image>
				<text class="status_name">{{ item.createByName }}</text>
			</view>

			<view class="a_con_content">
				<u-read-more ref="uReadMore" :key="item.id" text-indent="0" close-text="展开"><u-parse :html="$htmlRegx(item.content)"></u-parse></u-read-more>
			</view>

			<view class="a_tlz_p">
				{{ item.createTime }}
				<text v-if="flaga == 3" style="text-indent: 20rpx; display: inline-block; color: #333" @tap="huifu(item)">回复</text>
			</view>

			<list v-if="item.childList != null" :issueList="item.childList" :flaga="flaga" @pChangeType="huifu"></list>
		</view>
	</view>
</template>

<script>
export default {
	name: 'list',
	props: {
		issueList: {
			type: Array,
			default: []
		},
		flaga: {
			type: String
		}
	},
	methods: {
		huifu(t) {
			this.$emit('pChangeType', t);
		}
	}
};
</script>

<style lang="scss" scoped>
.con_yt_detail {
	font-size: 14px;
	color: #333;
	line-height: 1.2;

	.a_con_item {
		padding: 14rpx 10rpx 26rpx;
		//border-bottom: 1rpx solid #f1f2f3;
	}

	.a_con_status {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		font-size: 14px;
		color: #999;
		line-height: 50rpx;

		.status_img {
			width: 50rpx;
			height: 50rpx;
			border-radius: 50%;
			overflow: hidden;
			background-color: #f1f2f3;
		}

		.status_name {
			margin: 0 12rpx;
		}

		.status_lb {
			// margin-left: 20rpx;
		}

		.status_dz_num {
			// margin-left: auto;
		}

		.dz_img {
			margin-left: auto;
			width: 36rpx;
		}
	}

	.a_con_content {
		margin-bottom: 12rpx;
		font-size: 16px;
		line-height: 1.4;
		white-space: pre-line;
	}

	.a_tlz_p {
		font-size: 13px;
		color: #999;
	}
}
</style>
